<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!-- 数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值： -->
<span>Message: {{ msg }}</span>
<!-- Mustache 标签将会被替代为对应数据对象上 msg property 的值。无论何时，绑定的数据对象上 msg property 发生了改变，插值处的内容都会更新。 -->

<!-- 使用 v-once 指令，你也能执行一次性地插值，当数据改变时，插值处的内容不会更新。但请留心这会影响到该节点上的其它数据绑定： -->
<span v-once>这个将不会改变: {{ msg }}</span>

<!-- Mustache 语法不能作用在 HTML attribute 上，遇到这种情况应该使用 v-bind 指令： -->
<div v-bind:id="dynamicId"></div>

</body>
</html>